@import "../../../assets/css/common.styl"
@import '../../../assets/css/modalBox.styl'
.alarmConfiguration
	.right_header
		background: #324157
		width: 100%
		height: 50px
		display: flex
		.listName
			font-size: 16px
			flex: 1
	.right_main
		width: 98%;
		padding: 15px 1%;
		.divider2
			background-image: -webkit-linear-gradient(left, transparent, #2eb398, transparent)
			background-image: -moz-linear-gradient(left, transparent, #2eb398, transparent)
			background-image: -ms-linear-gradient(left, transparent, #2eb398, transparent)
			background-image: -o-linear-gradient(left, transparent, #2eb398, transparent)
			background-image: linear-gradient(left, transparent, #2eb398, transparent)
			height: 1px
			margin: 9px 0
			overflow: hidden
		.el-form
			.import
				display: flex
				flex-flow: row wrap
				justify-content: space-between
				.el-form-item__label
					width: 150px
				.el-input
					width: 330px
				.el-textarea__inner
					width: 400px
			.conmit
				display: block
				width: 304px
				margin: 0 auto
				.el-form-item__content
					text-align: center
					.el-button--primary
						background: #2eb398
						border-color: #2eb398
					.el-button--default
						&:hover
							color: #2eb398;
							border-color: #2eb398
					.warning
						color: #2eb398
		.table
			.el-button--primary
				background-color: #2eb398
				border-color: #2eb398
			.block
				width: 100%
				overflow: hidden
				box-sizing: border-box
				.el-pagination
					width: 100%
					text-align: center
					margin-top: 10px
					padding: 0
					.el-pager li.active
						background: #2eb398
						border-color: #2eb398
						&:hover
							color :#fff
					.el-pager li:hover 
						color: #2eb398
			.el-table
				margin-top: 9px
				.el-table__fixed-right
					right: 0;
					left: auto;
					th 
						background: #2eb398
					th .cell
						background: #2eb398
						color: #fff
						.el-button
							padding: 7px 9px !important
					.cell
						.el-button--default
							padding: 7px 9px !important
							&:hover
								color: #2eb398
								
				.el-table__header-wrapper 
					background: #2eb398
					th
						background: #2eb398
					.cell
						background: #2eb398
						color: #fff
						.el-button
							padding: 7px 9px !important
				.el-table__body-wrapper
					.el-button--primary
						padding: 7px 9px
						font-size: 12px
						border-radius: 4px
						background: #2eb398
						border-color: #2eb398
						color: #fff		
					.el-button--default
						padding: 7px 9px
						font-size: 12px
						border-radius: 4px
						&:hover
							border-color: #2eb398
							color: #2eb398
	.revampForm
		.revampChoose
			width:1000px
			.el-form
				overflow: hidden
			.el-textarea textarea
				width: 270px
				height: 380px
				margin-right: 30px
			.el-input__inner
				margin-right: 30px
				width: 270px
			.el-form-item
				display: block
				float: left
				width: 470px
				.el-input
					width: 267px
				.el-form-item__label
					width: 140px !important
				.el-form-item__content
					margin-left: 140px !important
		@extend $.modalBoxWrap
		.revampChoose
			@extend $.modalBox
			.vicp-close
				@extend $.vicp-close
				.vicp-icon4
					@extend $.vicp-icon4
		.demo-ruleForm,.roleChoose
			border 1px dashed rgba(0, 0, 0, 0.08)
			background-color: rgba(0, 0, 0, 0.03)
			padding 22px
			padding-top 3px
			h5
				text-align center
				color: #48576a
				font-weight bold
				padding 15px
				padding-right 0					
		
